<?php use_helper('JavascriptBase');?><div id="ccontent" style="display:inline-table">
<div id="cat_menu" class="cat_cat"><h3 class="collectie">Collectie</h3>
  
        <?php foreach($categorys as $category):?>
    <div style="width:186px;"><div class="cat" ><?php echo link_to($category->getName(), '@category?title='.$category->getName(), array('class' => 'cat_link'));?>
          </div></div>
            <?php endforeach;?>
    
</div>
<script type="text/javascript" > $(document).ready(function(){


 $("div.cat").hover(function(){
   $(this).animate({paddingLeft: '17px'}, 500)}, function(){
     $(this).animate({paddingLeft: '0px'}, 500)
 })
});</script>
<div id="products_container">

    <div id="breadcrumbs"><?php foreach($breadcrumb as  $crumb => $value):?>
                <?php if($value !='filter'):?>
                   <a href="<?php echo url_for('@'.$value);?>"> <?php echo $crumb;?> > </a>
                   <?php else:?>
                   <?php echo $crumb?>
                   <?php endif;?>
                    <?php endforeach;?></div>
    <div id="product_wrap">
        <?php foreach($categorys as $category):?>
        <?php $product = $category->getProducts();?>
        <div class="product"><a  href="<?php echo url_for('@category?title='.$category->getName());?>"><img width="128" height="213" src="<?php if($product[0] != '' && $product[0]->getFilename() !='' ) {echo '/uploads/images/tn_'.$product[0]->getFilename();}else { echo '/images/no_image.png';}?>" alt="Semra mode <?php echo $category->getName();?>" />
                <span class="cat_name"> <?php echo $category->getName();?></span></a>
            </div>
        <?php endforeach;?>
    </div>
</div></div>